<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<link rel="stylesheet" href="/paperswings/descolado.css"/>
<script type="text/javascript" src="/paperswings/script.js"></script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body onload="init();">
<div>
<h3>Configurações do jogo</h3>
<p>Você poderá altera-las quando estiver jogando. Basta usar o botão "engranagem"</p>
<form>
<div class="confBox">
<label for="dificuldade">Dificuldade: </label>
<br />
<input type="range" onchange="atualizaStatusDificuldade(this.value);" name="dificuldade" min="0" max="10" value="5"/>
<div id="statusDificuldade" class="status"></div>
</div>
<div class="confBox">
<label for="maxPopulacao">População máxima: </label>
<br />
<input type="range" name="maxPopulacao" min="0" max="10" value="5"/>
<div id="statusMaxPopulacao" class="status"></div>
</div>
<div>
<label for="idade">Idade:</label>
<br />
<select name="idade">
<option value="pedra">Idade da Pedra</option>
<option value="feudal">Feudal</option>
<option value="renascenca">Renascença</option>
<option value="moderna">Moderna</option>
<option value="futuristica">Futuristica</option>
</select>
</div>
<input type="submit" value="Jogar"/>
<input type="reset" value="Padrão"/>
</form>
</div>
</body>
</html>